<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/3_style_work.css">
</head>
<body>
    <h2>致那些终将流行的响应式网页设计</h2>

    <div>
        <hr>
        <p class="zy ">2013年，轮到我们国内的设计师和工程师们大展身手，推动响应式设计的时候了，亲们，请取长补短，让自己做出来的R网站也有明应式的magic吧!</p>
        <hr>
        <p class="wz">如今，web应用已经深入到我们生活的方方面面了。而你知道吗?72%的用户们都希望他们访问的网站不仅在台式机或笔记本上有赏心悦目的界面，同时也能适应移动设备的屏幕。为此，身为设计师和工程师的我们必须紧抓这个潮流，走在前沿。达尔文教给世人最精准的四个字就是:适者生存。而响应式设计，凭借着其灵活可变的特性以及一些其他因素,必定会被越来越多的设计师中ノ”@ 简 #来web开发的一大主流设计模式。</p>
        <p class="wz">Ethan Marcotte,致力于推广响应式设计的先驱者,指出响应式设计基本上包括三大元素:流体网格，自适应的媒体以及CSS3媒体查询。简言之，响应式设计是一种自适应的设计模式，能灵活地应对不同显示设备的分辨率大小，像台式机，笔记本电脑，手机，平板电脑，平板手机，电子书等。</p>

        <p class="wz">然而实现响应式设计并不是一件简单的事。Web设计师和工程师们常常面临着网站性能(主要是加载速度)，广告，导航等多方面的挑战。不过这些挑战是设计过程中无可避免的一部分，也必将令响应式设计真正地变得赏心悦目和持久稳定，
            可以看到的是，许多网站都已纷纷投向了响应式设计的怀抱。下面我们不妨看看一些将响应式设厉中ノ°國·简首女计实际融入到网页中的优秀作品吧.</p>
        <p class="wz">在此之前，容我向您推荐一些响应式设计相关的法宝和干货:</p>

        <p class="bottom">灵活性: 响应式网页设计的基础</p>
        <p class="bottom">响应式设计的未来-Flexbox</p>
        <p class="bottom">用于明应式设计的9个CSS技巧5</p>
    </div>
</body>
</html>